草庐IT

iphone - 垂直 UISlider 和 UISwitch

全部标签

javascript - 在 "Fixed"容器 Div 中垂直放置一个 Div "Absolute",水平放置一个 "Position:Relative"

我正在寻找一种方法来创建一个垂直固定在页面上的div,因此如果用户向下滚动,该div将保留在页面上的同一位置。但是让它绝对水平放置,所以如果用户屏幕比我的网页窄,向右或向左滚动不会导致div随屏幕移动,并且在某些情况下,在屏幕边缘保持一半可见或完全离开页面。此div必须位于“Position:Relative”Div内。我相当确定没有办法将不同的位置分配给div的不同轴,但这是描述我希望达到的效果的最佳方式。到目前为止我有这个,它基本上只是一个相对Div中的FixedDiv。CSS#container{position:relative;width:700px;height:1000p

javascript - 垂直居中高度未知的div

好吧,我知道这个问题已经被问过好几次了,但我没有找到跨浏览器的解决方案,也没有掌握它的窍门。:-(我有这段代码可以将视频缩放到100%浏览器宽度:HereIsTheVideo和这个CSS:#flashposition{position:relative;padding-bottom:56.25%;/*16:9*/padding-top:0px;height:0;z-index:30;display:block;overflow:hidden;}#flashvimeoobject,embed{position:absolute;top:0;left:0;width:100%;height

javascript - 在 Vanilla javascript 中鼠标滚轮上的平滑垂直滚动?

我是vanillajavascript的super粉丝,目前我正在做一个项目,我需要在鼠标滚轮上实现平滑滚动。我想使用vanillaJS来实现它。我在做一些研究时发现了一个jQuery片段,如下所示。$(window).on('mousewheelDOMMouseScroll',function(e){vardir,amt=100;e.preventDefault();if(e.type==='mousewheel'){dir=e.originalEvent.wheelDelta>0?'-=':'+=';}else{dir=e.originalEvent.detail谁能帮我解决如何在

javascript - 如何获得带有垂直子图的分组箱图

我正在尝试使用Plotly.js创建类似于该图中的图表:这是一个带有两个y轴的分组箱线图(按站点,当前只有一个)。我设法创建了两个版本,两个版本都不起作用:创建5条迹线(每个框1个),以便可以为每个框定义正确的y轴。然后将它们放在一起,因为它们是不同的迹线。创建3条迹线来表示A,B和C。但是,然后(afaik)我必须为每条迹线选择一个y轴,这意味着我不能在两个y轴上具有相同的迹线。这是方法1(https://codepen.io/wacmemphis/pen/gJQJeO?editors=0010)中的代码vardata=[{"x":["Site1","Site1","Site1","

javascript - 在 iPhone 上的 UIWebView 中即时更改 CSS

假设我正在开发一个iPhone应用程序,它是一个汽车目录。用户将从列表中选择一辆汽车,我将展示汽车的详细View,其中将描述诸如最高速度之类的内容。详细View本质上是一个加载现有HTML文件的UIWebView。不同的用户将生活在世界的不同地区,因此他们希望看到汽车的最高速度,无论单位是适合他们所在地区的单位。假设有两个这样的单位:SI(km/h)和conventional(mph)。假设用户可以通过点击屏幕上的按钮来更改显示单位;发生这种情况时,详细信息屏幕应切换为显示相关单位。到目前为止,这是我为尝试解决此问题所做的工作。HTML可能看起来像这样:SomeCarSomeCarTo

javascript - 垂直求和数组数组(矩阵)

如何对数组数组中的所有数据进行垂直求和?arrayOfArrays=[{label:'FirstValue',data:[1,2,3,4,5,6,7,8]},{label:'SecondValue',data:[1,2,3,4,5,6,7,8]},{label:'ThirdValue',data:[1,2,3,4,5,6,7,8]}];varresult=arrayOfArrays.reduce(function(array1,array2){returnarray1.data.map(function(value,index){returnvalue+array2.data[inde

javascript - 在javascript中的iphone/ipad上强制停止动量滚动

是否可以在javascript中强制停止iphone/ipad上的动量滚动?额外:很确定这是天上掉馅饼,但为了奖励积分(荣誉和荣誉),在dom操作和应用scrollTo之后,在强制停止之前以相同的动量恢复滚动。怎么办? 最佳答案 这在使用fastclick.js时实际上是很有可能的.该库消除了移动设备上300毫秒的点击延迟,并在惯性/动量滚动期间启用事件捕获。包含fastclick并将其附加到body元素后,停止滚动并转到顶部的代码如下所示:scrollElement.style.overflow='hidden';scrollEl

javascript - iPhone Safari screen.availHeight 和状态栏/工具栏/地址栏

我试图在iPhoneSafari中获取可用的屏幕尺寸,以便将容器缩小到屏幕的高度,减去状态栏和工具栏。由于iOS总是返回屏幕尺寸,就像手机处于纵向一样,我使用screen.availWidth来计算横向高度。以下是返回的尺寸:screen.width;//320screen.availWidth;//30020px的差异考虑了手机顶部的状态栏,但没有考虑屏幕底部的按钮栏(工具栏)。是否有任何我可以使用的返回268px的属性?我只会做(screen.availWidth-32),但用户有可能将站点添加为桌面书签,在这种情况下,该栏将不存在,300像素的值将是正确的。

javascript - 如何垂直使用 Owl Carousel ?

我不想拿插件代码所以我想知道是否有人已经设法垂直使用插件。遗憾的是这个插件可以水平使用。抱歉语言... 最佳答案 您可以旋转旋转木马,然后将元素旋转​​回来,如下所示:$(document).ready(function(){$(".owl-carousel").owlCarousel({items:3,loop:false,mouseDrag:false,touchDrag:false,pullDrag:false,rewind:true,autoplay:true,margin:0,nav:true});});@import"h

javascript - 如何在 iPhone 浏览器上捕获键盘 "Return"事件?

当用户点击iphone浏览器键盘上的“返回”键时,有没有办法在jquery/javascript中捕获事件?我正在尝试隐藏按键上的键盘或激活某些功能。 最佳答案 你可以试试这个:document.onkeyup=function(e){if(e.which==13){$('inputID').blur();//restoffunctionreturnfalse;}}你在使用图书馆吗?更新根据应用程序,输入提交将隐藏键盘并触发功能:您甚至可以使用CSS隐藏输入按钮:.hidden{display:none;}